<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition template="/Menu.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"                
                xmlns:c="http://java.sun.com/jsp/jstl/core">
    <ui:define name="body">
        <h:form id="idFormObjetivoInicial">
            <center>
                <p:panel  header="FUNDACIÓN UNIVERSITARIA KONRAD LORENZ">

                    <p:panel header="OBJETIVO INICIAL"></p:panel>

                    <p:panel header="Practicante">
                        <h:panelGrid columns="4" >
                            <h:outputText value="Nombre: "  />
                            <p:inputText value="#{fObjetivoInicial.estudiante.nombresEstudiante} #{fObjetivoInicial.estudiante.apellido1Estudiante} #{fObjetivoInicial.estudiante.apellido2Estudiante}" readonly="true" id ="idNombrePracticante" maxlength="50" size="30"/>
                            <h:outputText value="Código: " />
                            <p:inputText value="#{fObjetivoInicial.estudiante.codigoEstudiante}" readonly="true" id="idCodigoPracticante"  maxlength="50" size="30"/>
                        </h:panelGrid>
                    </p:panel>

                    <p:panel header="Empresa" >
                        <h:panelGrid columns="4" cellpadding="8">
                            <h:outputText value="Nombre: " />
                            <p:inputText  readonly="true" value="#{fObjetivoInicial.estudiante.convenioList.get(0).idEntidad.nombreentidad}" id="idNombreEmpresa" maxlength="50" size="30"/>	

                            <h:outputText value="Dirección: " />
                            <p:inputText  value="" readonly="true"  id="idDireccionEmpresa" maxlength="50" size="30"/>

                            <h:outputText value="Teléfono: " />
                            <p:inputText  readonly="true" id="idTelefonoEmpresa" maxlength="50" size="30"/>

                        </h:panelGrid>
                    </p:panel>

                    <p:panel header="Supervisor de la Entidad" >

                        <h:panelGrid columns="4" cellpadding="8">
                            <h:outputText value="Nombre: " />
                            <p:inputText  readonly="true" value="#{fObjetivoInicial.estudiante.convenioList.get(0).idSupervisorEntidad.nombresSupervisorEntidad} #{fObjetivoInicial.estudiante.convenioList.get(0).idSupervisorEntidad.apellido1SupervisorEntidad}" id="idNombreSupEntidad" maxlength="50" size="30"/>	

                            <h:outputText value="Cargo: " />
                            <p:inputText  readonly="true" value="#{fObjetivoInicial.estudiante.convenioList.get(0).idSupervisorEntidad.cargo}" id="idCargoSupEntidad" maxlength="50" size="30"/>

                            <h:outputText value="Teléfono: " />
                            <p:inputText value="#{fObjetivoInicial.estudiante.convenioList.get(0).idSupervisorEntidad.telefono}" id="idTelefonoSupEntidad" maxlength="50" size="30"/>	
                        </h:panelGrid>
                    </p:panel>

                    <p:panel header="Proyecto para la práctica" >
                        <h:panelGrid columns="2" cellpadding="10">
                            <h:outputText value="Nombre: "  />
                            <p:inputText required="true" requiredMessage="#{msg.campo_requerido}" value="#{fObjetivoInicial.objetivosIniciales.nombreProyecto}" id="idNombreProyecto" maxlength="50" size="30"/>
                        </h:panelGrid>
                    </p:panel>

                    <p:panel header="Descripción del cargo y/o proyecto">
                        <h:panelGrid columns="1" cellpadding="5">
                            <p:inputTextarea  required="true" requiredMessage="#{msg.campo_requerido}" value="#{fObjetivoInicial.objetivosIniciales.descripcionProyectoCargo}" rows="6" id="idDescrpicionCargo" cols="90" />
                        </h:panelGrid>
                    </p:panel>

                    <p:panel header="Funciones a desempeñar" >
                        <p:commandButton value="Agregar función a desempeñar" onclick="dialogFunciones.show()" /><br/>
                        <h:panelGroup id="funcionesGroup">
                            <p:dataTable value="#{fObjetivoInicial.listaDetallesFuncionesDesempenar}" var="detalleFuncion" binding="#{fObjetivoInicial.htmlDataTableFunciones}" >                                
                                <p:column headerText="Funciones" style="width: 96%"> 
                                    <h:outputText value="#{detalleFuncion.funcionesDesempenar}"/>
                                </p:column>  
                                <p:column> 
                                    <p:commandButton icon="ui-icon-trash" process="@this" oncomplete="dialogConfirmacion.show()" title="Eliminar función" actionListener="#{fObjetivoInicial.cargarIndice(event)}">
                                        <f:param name="param" value="#{detalleFuncion.idDetalleFuncionesDesempenar}"/>
                                    </p:commandButton>                                
                                </p:column>                                                                     
                            </p:dataTable>
                        </h:panelGroup>
                    </p:panel>                    

                    <p:panel header="Objetivos personales">
                        <p:commandButton value="Agregar objetivo personal" onclick="dialogObjetivosPersonales.show()" /><br/>
                        <h:panelGroup id="objetivosPerGroup">
                            <p:dataTable value="#{fObjetivoInicial.listaDetalleObjetivosPersonales}" var="detalleObjetivosPersonales" binding="#{fObjetivoInicial.htmlDataTableObjetivosPer}" >                                
                                <p:column headerText="Objetivos personales" style="width: 96%"> 
                                    <h:outputText value="#{detalleObjetivosPersonales.objetivosPersonales}"/>
                                </p:column>  
                                <p:column> 
                                    <p:commandButton icon="ui-icon-trash" process="@this" oncomplete="dialogConfirmacionObjetivosPersonales.show()" title="Eliminar objetivo personal" actionListener="#{fObjetivoInicial.cargarIndiceObjetivosPersonales(event)}">
                                        <f:param name="paramPer" value="#{detalleObjetivosPersonales.idDetalleObjetivosPersonales}"/>
                                    </p:commandButton>                                
                                </p:column>                                                                     
                            </p:dataTable>
                        </h:panelGroup>
                    </p:panel>

                    <p:panel header="Objetivos de la empresa">
                        <p:commandButton value="Agregar objetivo de la empresa" onclick="dialogObjetivosEmpresa.show()" /><br/>
                        <h:panelGroup id="objetivosEmpGroup">
                            <p:dataTable value="#{fObjetivoInicial.listaDetalleObjetivosEmpresa}" var="detalleObjetivosEmpresa" binding="#{fObjetivoInicial.htmlDataTableObjetivosEmp}" >                                
                                <p:column headerText="Objetivos de la empresa" style="width: 96%"> 
                                    <h:outputText value="#{detalleObjetivosEmpresa.objetivosEmpresa}"/>
                                </p:column>  
                                <p:column> 
                                    <p:commandButton icon="ui-icon-trash" process="@this" oncomplete="dialogConfirmacionObjetivosEmpresa.show()" title="Eliminar objetivo empresa" actionListener="#{fObjetivoInicial.cargarIndiceObjetivosEmpresa(event)}">
                                        <f:param name="paramEmp" value="#{detalleObjetivosEmpresa.idDetalleObjetivosEmpresa}"/>
                                    </p:commandButton>                                
                                </p:column>                                                                     
                            </p:dataTable>
                        </h:panelGroup>
                    </p:panel>

                    <p:panel>
                        <h:panelGrid columns="2" cellpadding="8" >
                            <h:outputText value="Estudiante Practicante: " />
                            <p:selectBooleanCheckbox value="#{fObjetivoInicial.objetivosIniciales.aceptacionEstudiante}" id ="idAprobacionPracticante" /> 

                            <h:outputText value="Supervisor Universidad: " />  
                            <p:selectBooleanCheckbox value="#{fObjetivoInicial.objetivosIniciales.aceptacionSupervisorUniv}" id ="idAprobacionSupUniversidad"/>

                            <h:outputText value="Supervisor Entidad: " />  
                            <p:selectBooleanCheckbox value="#{fObjetivoInicial.objetivosIniciales.aceptacionSupervisorEnt}" id ="idAprobacionSubEntidad" />
                        </h:panelGrid>
                    </p:panel>

                    <p:panel>
                        <center>
                            <p:splitButton value="Opciones" icon="ui-icon-open" id="idBtnOpcionesObjetivoIni">
                                <p:separator />
                                <p:menuitem value="Inicio" url="http://localhost:8084/PrototipoSp2/faces/ObjetivoInicial.xhtml" icon="ui-icon-extlink"/>  
                            </p:splitButton>
                            <p:commandButton value="Guardar" id="idBtnGuardarObjetivoIni" action="#{fObjetivoInicial.DiligenciarFormato}"/>
                            <p:commandButton value="Cancelar" id="idBtnCancelarObjetivoIni" />
                                <p:commandButton value="Imprimir o descargar" type="button" icon="ui-icon-print">  
                                    <p:printer target="idFormObjetivoInicial" />  
                                </p:commandButton>  
                        </center>
                    </p:panel>

                    <h:outputText value="Fundación Universitaria Konrad Lorenz - Todos los derechos reservados*" style="color: lightgray"/>
                </p:panel>
            </center>

            <p:dialog widgetVar="dialogFunciones" header="Funciones a desempeñar">
                <h:panelGroup>
                    <table>
                        <tr>
                            <td>
                                <p:inputTextarea cols="30" rows="2" maxlength="500" id="idFunciones" value="#{fObjetivoInicial.funcionDesempenar}"/>    
                            </td>
                            <td>
                                <p:commandButton value="Agregar Función" onclick="dialogFunciones.hide()" actionListener="#{fObjetivoInicial.cargarFunciones(event)}" update="funcionesGroup,idFunciones" process="@this,idFunciones"/>
                            </td>
                        </tr>
                    </table>
                </h:panelGroup>
            </p:dialog>
            <p:dialog widgetVar="dialogConfirmacion" header="Mensaje de confirmación" id="dialogConfirmacion">
                <table >
                    <tr>
                        <td>
                            <h:outputLabel value="¿Está seguro de eliminar el registro?"></h:outputLabel>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <p:commandButton value="Si" actionListener="#{fObjetivoInicial.quitarFunciones(actionEvent)}"  process="@this"  update=":idFormObjetivoInicial:funcionesGroup,dialogConfirmacion" oncomplete="dialogConfirmacion.hide()"/>                            
                        </td>
                        <td>
                            <p:commandButton value="No" onclick="dialogConfirmacion.hide()"/>
                        </td>
                    </tr>
                </table>                
            </p:dialog>
            
            <p:dialog widgetVar="dialogObjetivosPersonales" header="Objetivos personales">
                <h:panelGroup>
                    <table>
                        <tr>
                            <td>
                                <p:inputTextarea cols="30" rows="2" maxlength="500" id="idObjetivosPersonales" value="#{fObjetivoInicial.objetivosPersonales}"/>    
                            </td>
                            <td>
                                <p:commandButton value="Agregar objetivo personal" onclick="dialogObjetivosPersonales.hide()" actionListener="#{fObjetivoInicial.cargarObjetivosPersonales(event)}" update="objetivosPerGroup,idObjetivosPersonales" process="@this,idObjetivosPersonales"/>
                            </td>
                        </tr>
                    </table>
                </h:panelGroup>
            </p:dialog>
            <p:dialog widgetVar="dialogConfirmacionObjetivosPersonales" header="Mensaje de confirmación" id="dialogConfirmacionObjetivosPersonales">
                <table >
                    <tr>
                        <td>
                            <h:outputLabel value="¿Está seguro de eliminar el registro?"></h:outputLabel>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <p:commandButton value="Si" actionListener="#{fObjetivoInicial.quitarObjetivosPersonlaes(actionEvent)}"  process="@this"  update=":idFormObjetivoInicial:objetivosPerGroup,dialogConfirmacionObjetivosPersonales" oncomplete="dialogConfirmacionObjetivosPersonales.hide()"/>                            
                        </td>
                        <td>
                            <p:commandButton value="No" onclick="dialogConfirmacionObjetivosPersonales.hide()"/>
                        </td>
                    </tr>
                </table>                
            </p:dialog>
            
            <p:dialog widgetVar="dialogObjetivosEmpresa" header="Objetivos empresa">
                <h:panelGroup>
                    <table>
                        <tr>
                            <td>
                                <p:inputTextarea cols="30" rows="2" maxlength="500" id="idObjetivosEmpresa" value="#{fObjetivoInicial.objetivosEmpresa}"/>    
                            </td>
                            <td>
                                <p:commandButton value="Agregar objetivo empresa" onclick="dialogObjetivosEmpresa.hide()" actionListener="#{fObjetivoInicial.cargarObjetivosEmpresa(event)}" update="objetivosEmpGroup,idObjetivosEmpresa" process="@this,idObjetivosEmpresa"/>
                            </td>
                        </tr>
                    </table>
                </h:panelGroup>
            </p:dialog>
            <p:dialog widgetVar="dialogConfirmacionObjetivosEmpresa" header="Mensaje de confirmación" id="dialogConfirmacionObjetivosEmpresa">
                <table >
                    <tr>
                        <td>
                            <h:outputLabel value="¿Está seguro de eliminar el registro?"></h:outputLabel>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <p:commandButton value="Si" actionListener="#{fObjetivoInicial.quitarObjetivosEmpresa(actionEvent)}"  process="@this"  update=":idFormObjetivoInicial:objetivosEmpGroup,dialogConfirmacionObjetivosEmpresa" oncomplete="dialogConfirmacionObjetivosEmpresa.hide()"/>                            
                        </td>
                        <td>
                            <p:commandButton value="No" onclick="dialogConfirmacionObjetivosEmpresa.hide()"/>
                        </td>
                    </tr>
                </table>                
            </p:dialog>
            
        </h:form>
    </ui:define>
</ui:composition>